<template>
  <div>
    <section class="section3">
      <h2>——&nbsp;&nbsp;猜你喜欢&nbsp;&nbsp;——</h2>

      <!-- ============================= 商品组 Start =================================== -->
      <ul class="section3Ul">
        <li v-for="item in goodsList" :key="item.goods_id">
          <a href="javascript:;">
            <img :src="item.goods_image" alt="" />
            <div class="goodCont">
              <h3>
                {{ goods_name }}
              </h3>
              <p class="selled">已售{{ item.goods_sales }}件</p>
              <p class="price">
                ¥{{ item.line_price_max
                }}<span>¥{{ item.line_price_min }}</span>
              </p>
            </div>
          </a>
        </li>
      </ul>
      <!-- ============================= 商品组 Start =================================== -->
    </section>
  </div>
</template>

<script>
export default {
  props: ['goodsList']
}
</script>

<style></style>
